<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>按钮样式</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <style>
        body {
            padding: 20px;
        }

    </style>
</head>
	<body>
		<input type="button" class="btn btn-default btn-lg" value="default(灰色)" />
		<input type="button" class="btn btn-primary btn-sm" value="primary(深蓝色)"/>
		<input type="button" class="btn btn-success btn-xs" value="success(绿色)"/>
		<input type="button" class="btn btn-info" value="info(天蓝色)" />
		<input type="button" class="btn btn-warning" value="warning(黄色)" />
		<input type="button" class="btn btn-danger" value="danger(红色)" />
		<input type="button" class="btn btn-link" value="link(链接)" />
	</body>
</html>
